react-native android 初始化问题
最近开始接触rn,官方起手，装了一堆工具，然后启动项目的时候出现了一堆问题，这里针对我遇到的一些问题提供一些解决方案。本人开发环境mac，在启动ios的时候没啥大问题，可以直接启动，这里提示一点，因为可能会启动多个，所以可以在启动的时候指定端口，防止冲突react-native run-ios --port=xxxx...
2024-01-10
react native and redux
如何在react-native 中优雅的使用 redux首先说下我对redux 的理解吧,第一印象很重要就像妹纸一样.一句话来说他就是一个 js 的应用状态容器.说长点就是当你的应用足够复杂,交互足够多的时候,你不方便管理你的 state, 那么交给 redux 吧,他是一个单向数据流,高效且清晰.那么什么时候使用 redux呢,有一句话...
2024-01-10
react native app微信分享 - android版
前言本文主要会涉及到以下内容:微信开发者应用申请审核安装配置微信分享库微信好友/朋友圈功能实现应用申请审核开始创建移动应用,填写应用名称,应用名称以及中英文的信息，移动应用图标分别为28x28何108x108的png格式图标。然后下一步填写iOS项目的bundle ID以及android项目的包名和应用签名。请...
2024-01-10
react native windows开发环境
最近项目尝试使用react native加快研发速度，react native的资料比较多，但大都是android与iOS，windows方面的资料很少。这种现象也比较正常，目前windows方面的需求局限于企业，视频与游戏方面，一般的app会略过PC平台。此外，react native的官方platform中没有添加windows的支持。微软在这方面支持了windows平台。gi...
2024-01-10
React Native for Android 学习笔记
C:\Users\Vic Lee\AwesomeProject>react-native run-androidStarting JS server...Running D:\Android\sdk/platform-tools/adb reverse tcp:8081 tcp:8081error: closedCould not run adb reverse: Command failed: D:\Android\sdk/platform-tools/adb reverse tcp:8081 tcp:8...
2024-01-10
React Native For Android 架构初探
Facebook 在2015.9.15发布了 React Native for Android，把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 基于Web，iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。环境搭建及调试相关知识参考官网文档即可，本...
2024-01-10
React Native Android配置部署踩坑日记
万事开头难作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个\'o\'）具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和...
2024-01-10
react native xcode修改项目名
1. 选中旧工程名，改为新的然后选择rename2. 依次选择黄色文件夹，修改名字，千万不要在Xcode外修改！！！修改结果为3. 点击搜索，搜索旧项目名点击Find，改为Replace全部替换掉4. 此时，还剩下一些需要手动修改，再次查找直至全部没有为止5. 进入Tests和UITests文件夹，修改文件名，千万不...
2024-01-10
windows下react-native环境搭建
首先不得不先吐槽一下自己，一个坑总是踩很多次，且乐此不疲。咋办? 写博客记录记录呗。零、记录的点Java环境的下载与配置Android环境的下载与配置Node环境的下载与配置创建第一个react-native应用最终能够达到的目的：在手机上能够运行第一个React-Native应用~以备后用，已将安装包上传...
2024-01-10
Windows搭建react-native开发环境
一、目标平台 windows+android 1. 必须软件 python2+ nodejs npm 2. 安装react-native命令行 $ npm install -g react-native-cli 3. 搭建安卓环境 (1)React Native目前需要Android Studio2.0或更高版本， Android Studio需要Java Development Kit [JDK...
2024-01-10
Android React-Native通信数据模型分析
无论是计算机领域还是日常生活中，我们所言的通信，其核心都是数据信息的交换，而数据模型的优劣对通信效率有着决定性的作用。在React-Native项目中，Javascript语言与Native两种语言（Java或OC等）间存在着大量的数据交换，也就是所谓的通信。众所周知，移动APP对性能的要求无比苛刻，如果通信数据...
2024-01-10
Window下开发React-Native Android步骤
1.安装Android开发环境下载并安装JDK下载并安装Android SDK, Android NDK启动SDK下面的SDK Manager.exe，安装相关SDK Platform-tools，切记安装 【否则执行后面的 react-native run-android会报错】Extras/Android Support Library(23.0.1)Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repos...
2024-01-10
React-Native之打包发布(Android)
一,介绍与需求 移动端打包发布到应用市场二,发布配置注意：以下所有操作都在win10下进行,React Native版本0.59.5,android-studio 版本 3.21,生成签名1 keytool -genkey -v -keystore app.keystore -alias yingqi -keyalg RSA -keysize 2048 -validity 10000附加说明：-genkey 生成文件 -keystore 文件名 -alias 别名-keyalg ...
2024-01-10
react-native for android windows开发环境搭建详细记录
先说说整个环境搭建的过程。上周开始要在windows上搭建react-native for android环境，当时按照找的教程，从git上clone master分支的代码，然后下载了node，安装react-native框架还是很顺利的。导入到android studio上就无法构建，找找了找原因没有解决，折腾了1天没解决，在这之后也遇到很多问题，搭建过程还是比...
2024-01-10
React-Native项目在Android真机上调试
目录1、确保你的设备已经成功连接。可以终端输入adb devices来查看:2、终端运行npm start 开启本地服务，成功后运行react-native run-android来在设备上安装并启动应用3、设置设备访问开发服务器3.1 (Android 5.0及以上)使用ad...
2024-01-10
react-native scrollview触摸滚动事件
1、几个已知的滑动或者滑动开始结束的方法：onScroll：在滚动过程中, 每帧最多调用一次此函数, 调用的频率可以用scrollEventThrottle属性来控制.onMomentumScrollEnd：当一帧滚动完毕时调用.onScrollAnimationEnd ：ios上的当滚动动画结束时调用.2、还有其他的一些事件如下触摸事件里面有携带event，大家可以...
2024-01-10
react-native textArea 高度不变化问题
ref={el =>{ if(el){ el.textareaRef.style.height = el.textareaRef.scrollHeight + 'px'; } } } ...
2024-01-10![[React Native Android 安利系列]js调用java组件原理](/wp-content/uploads/thumbs/535009_thumbnail.jpg)
[React Native Android 安利系列]js调用java组件原理
欢迎大家收看react-native-android系列教程，跟着本系列教程学习，可以熟练掌握react-native-android的开发，你值得拥有：https://segmentfault.com/blog...上节说到，我们可以通过react-native的接口，来向js中导出原生的方法，并可以被调用，这节，我们来分析一下，整个过程是怎样的，作为我们系列教程中的一节，其...
2024-01-10
WEB通知和React Native之即时通讯(iOS Android)
一,需求分析1.1,允许服务器主动发送信息给客户端,客户端能监听到并且能接收。1.2,为了方便同一个系统内的用户可以指定某个用户可以私聊。1.3,给指定用户或多个用户发送通知。二,技术介绍2.1.WebSocket介绍1,WebSocket 是什么？WebSocket 是一种网络通信协议。RFC6455 定义了它的通信标准。WebSocket 是 ...
2024-01-10
如何利用Android Studio打包React Native APK
ok！百度出来的东西很杂，所以，这里介绍一种最简单，最合适我们（新手，应该是吧）的APK的打包方式！当然！这种打包是基于Android Studio的，所以，注意喽！！！！废话不多说开始吧！首先，我们要整理我们的思路，第一步是给APK签名~第二步是完成打包 第一步：签名打开Android Studio 然后在菜单...
2024-01-10
【React】antd Form表单的initialValue问题
在initial中是有初始值的，但是却不显示初始值，请大佬解答一下这个问题 const formItem = [{ type: 3, label: '柜子编号', name: 'ID', width: '150px', required: true },{ type: 1, label: '柜子名称', name: 'name', width: '150px', },{ type: 1, label: '所属仓库', name: 'wareHouse', width: '150px' ...
2024-01-10
react-native 导航器 react-navigation 3.x 使用
React-navigation 介绍 React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求，它完全使用 JavaScript 编写。安装在你的 React Native 项目中安装 react-navigation 这个包（注意--save或者--save-dev一定要写正确，链接原生库是会根据package.json文件中的dependencies和devDependencies的记录来链接...
2024-01-10![阿里react整合库dva demo分析 [转]](/wp-content/uploads/thumbs/536008_thumbnail.jpg)
阿里react整合库dva demo分析 [转]
同，也是工作中需要，用到 dva , 也找了些文章参考知识点。更多：http://www.cnblogs.com/heyuqing/p/6844098.html以下内容为摘出 mark 接着踩坑官网: https://github.com/dvajs/dva/blob/master/docs/API_zh-CN.md#model...
2024-01-10
使用react-navigation提示undefind is not a function
在学习react-natrive的时候，看到导航跳转一章，遂试了一下demo:但是呢，在安卓模拟器上却报错了：找了许多方法，包括降低版本都不行，后来修改了一下导出就可以了：...
2024-01-10
React Native 解决 Could not get BatchedBridge
Windows下做React Native开发，执行react-native run-android后，手机出现红屏提示： Could not get BatchedBridge, make sure your bundle is packaged correctly出现这种情况通常是电脑8081端口被占用导致的，因为React Native会在8081端口启动nodejs服务，手机端调试依赖此服务。可以看看是什么程序占用了8081端口： 1、执行netstat -aon|f...
2024-01-10
